<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body style="margin-top: 10px;margin-left: 50px">
<link rel="stylesheet" href="js/zTree/css/zTreeStyle/zTreeStyle.css" media="all">
<script type="text/javascript" src="js/zTree/js/jquery.ztree.all.min.js"></script>
<ul id="treeDemo" class="ztree"></ul>
<script type="text/javascript" th:inline="javascript">
/*<![CDATA[*/
var ctx = /*[[@{/}]]*/ '';
/*]]>*/
</script>
<script>

var treeSetting = {
		async: {
			enable: true,
			url:ctx + "navi/getNaviTree",
			autoParam:["id=pid"]
		},
		view:{
			showTitle: true,
			selectedMulti : false
		}
	};
	$.fn.zTree.init($("#treeDemo"), treeSetting);
	var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
</script>
</body>
</html>